<%@page import="org.springframework.security.core.context.SecurityContextHolder"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Client Profile</title>
<link rel="stylesheet" type="text/css" href="css/style-old.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddaccordion.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="css/niceforms-default.css" />
<link rel="stylesheet" type="text/css" href="css/pace.css" />
<script type="text/javascript" src="js/pace.js"></script>
<script type="text/javascript">
ddaccordion.init({
	headerclass: "submenuheader", 
	contentclass: "submenu", 
	revealtype: "click",
	mouseoverdelay: 200, 
	collapseprev: true,
	defaultexpanded: [], 
	onemustopen: false,
	animatedefault: false, 
	persiststate: true,
	toggleclass: ["", ""], 
	togglehtml: ["suffix", "<img src='images/plus.gif' class='statusicon' />", "<img src='images/minus.gif' class='statusicon' />"],
	animatespeed: "fast",
	oninit:function(headers, expandedindices){
	},
	onopenclose:function(header, index, state, isuseractivated){ 
	}
});


	$(document).ready(function() {
		$.ajax({
			url : './mock/clientpage',
			dataType: "json",
			contentType: 'application/json',			  
			success : function(jsonData) {
				for(var a in jsonData){
						var name=jsonData[a]["fname"]+" "+jsonData[a]["mname"]+" "+jsonData[a]["lname"];
						document.getElementById("cid").innerHTML = jsonData[a]["userId"];
						document.getElementById("cname").innerHTML = name;
						document.getElementById("mobile").innerHTML = jsonData[a]["mobile"]; 	
				}
			}
		});
		
	});
	/* function displayTime() {
	    var elt = document.getElementById("clock");  
	    var now = new Date();                        
	    elt.innerHTML = now.toLocaleTimeString();    
	    setTimeout(displayTime, 1000);               
	}
	window.onload = displayTime;  */

function prof()
{
if (container1.style.display=="none") container1.style.display="block"; 
else container1.style.display="block";
}
</script>
</head>
<body>
<%@ include file="header.jsp" %>	
<div id="main_container">
    <div class="main_content">
    
                    <div class="menu">
                    
                    <ul>
                    <li>LoginID : <sec:authentication property="principal.username" /></li>
                    <li><a href="#">Exchange :
                       <select style="height:15px;font-size:9px;"><option>NMCEX</option></select></a>
                   
                    </li>
                    <li><a href="#">Login Type : Client</a>
                    </li>
                    <li><a href="#">Segment : <select style="height:16px;font-size:9px;"><option>commodity mkt(13-14)</option></select>
                    </a>
                       
                    </li>
                  
                    </ul>
                    </div> 
                    
                    
                    
                    
    <div class="center_content">  
    
    
    
    <div class="left_content">
    
    		<div class="sidebar_search">
            <form>
            <input type="text" name="" class="search_input" value="search keyword" onclick="this.value=''" />
            <input type="image" class="search_submit" src="images/search.png" />
            </form>            
            </div>
    
            <div class="sidebarmenu">
            
                <a class="menuitem submenuheader" href="">Profile</a>
                <div class="submenu">
                    <ul>
                    <li onclick="prof('container1');"><a href="clientpage">Directory</a></li>
               
                    </ul>
                </div>
                <a class="menuitem submenuheader" href="" >Financial</a>
                <div class="submenu">
                    <ul>
                    <li><a href="drcr">Dr./Cr. Summary</a></li>
                    <li><a href="fenlgr">Financial Ledger</a></li>
                    <!-- <li><a href="agingreport">Ageing</a></li> -->
                    
                    </ul>
                </div>
                <a class="menuitem submenuheader" href="">Reports</a>
                <div class="submenu">
                    <ul>
                    <li><a href="tradeconf">Trade Conf.</a></li>
                    <li><a href="netpos">N.Pos(As on)</a></li>
                    <li><a href="clientport">PortFolio</a></li>
                    <li><a href="bills">Bills</a></li>
                    
                    </ul>
                </div>
                <a class="menuitem submenuheader" href="">Downloads</a>
                 <div class="submenu">
                    <ul>
                   <li><a href="pdf/oct_hn.pdf">Downloads</a></li>
                    <li><a href="pdf/TB_Trading_Regulations.pdf">Reports</a></li>
                    <li><a href="csv/test5.csv">Digital</a></li>
                     </ul>
                </div>
                <a class="menuitem submenuheader" href="">Request</a>
                 <div class="submenu">
                    <ul>
                    <li ><a href="withdrawal">WithDrawal Request</a></li>
                    <li ><a href="clientfundview">Client Fund View</a></li>
                    <li ><a href="fundTransfer">Fund Transfer</a></li>
                    </ul>
                </div>
                <a class="menuitem submenuheader" href="">Admin Panel</a>
                 <div class="submenu">
                    <ul>
                   <li ><a href="nepalholiday">Nepal Holiday List</a></li>
                    </ul>
                </div>
               <a class="menuitem submenuheader" href="">Settings</a>
                 <div class="submenu">
                    <ul>
                    <li ><a href="changepwd">Password Change</a></li>
                    <li ><a href="transactionpwd">Transaction Password Change</a></li>
                    </ul>
                </div>
                    
            </div>
            
            
    
    </div>  
    
    <div id="container1" class="right_content" >            
<div style="border-style:groove; border-width:0px;text-align:center;">
<label style=" width:100%;font-size:16px;" ><font color="#663380"><b><i>Client Directory</i></b></font></label>
<label style="margin-right:5px; float:right;" ></label>
</div><br/>
  <table width="100%" border="1" cellpadding="0" cellspacing="0" style="font-family:helvetica;text-align:center">
  
    <tr style="">
      <td style="width:60px; font-family:helvetica;"><b>ClientID</b></td>
      <td style="width:200px;"><b>Client Name</b></td>
      <td><b>Phone No.</b></td>
      <td><b>Detail</b></td>
      <td><b>Bank</b></td>
      <td><b>Brok</b></td>
      <td><b>FinLgr</b></td>
      <td><b>NetPos</b></td>
      <td><b>Portfolio</b></td>
      <td><b>Conf.</b></td>
    </tr>
    <tr>
      <td id="cid"></td>
      <td id="cname"></td>
      <td id="mobile"></td>
      <td><a href="detail">Detail</a></td>
      <td><a href="bank">Bank</a></td>
      <td><a href="brok">Brok</a></td>
      <td><a href="financial">FinLgr</a></td>
      <td><a href='netpos'>NetPos</a></td>
      <td><a href="clientport">Portf.</a></td>
      <td><a href="tradeconf">Conf.</a></td>
    </tr>
  </table></div>
  
           
  </div>   
    
    <div class="clear"></div>
    </div> 
    
    <div class="footer">
    
    	<div class="left_footer">Copyright&copy; <a href="#">All Right Reserved</a></div>
    	<div class="right_footer"><a href="#"><img src="" alt="" title="" border="0" /></a></div>
    
    </div>

</div>		
</body>
</html>